define(['MVC', 'jquery', 'css!./bg.css'],
    function(MVC, $) {
        // m存储数据
        MVC.addModule('data', {
            arr: ['./images/art/bg1.jpg', './images/art/bg2.jpg', './images/art/bg3.jpg', './images/art/bg4.jpg', './images/art/bg5.jpg', './images/art/bg6.jpg', ]
        });

        //v 视图    
        MVC.addView('data', function(M) {
            let $dom = $('<div class="bg-container"></div>');

            // 获取数据
            let data = M.get('data').arr;
            // 遍历数组
            let html = ``;
            data.forEach(item => {
                html += `
                    <div class="item_bg" style="background-image: url(${item})"></div>
                `
            });
            // 上树
            $('.bg').append($dom.append(html));
            return $dom;
        });

        //c 交互
        MVC.addCtrl('data', function(M, V) {
            let $dom = V.render('data');
            let $imgs = $dom.find('.item_bg');
            // console.log($imgs);
            let len = $imgs.length;
            let i = 0;
            setInterval(() => {
                $imgs.eq(i % len).fadeIn(1000).siblings().fadeOut(1000);
                i++;
                // console.log(i);

            }, 3000);
        })

    });